.home {
  width: 100%;
  height: 100%; }
  .home .header_box {
    padding: Rm(19) Rm(14) 0; }
    .home .header_box .bg {
      width: Rm(374);
      height: Rm(202);
      background-color: #32ddbb;
      position: absolute;
      top: Rm(-19);
      left: 0; }
    .home .header_box header {
      height: Rm(31);
      padding: 0 Rm(5) 0 Rm(6);
      position: relative;
      display: flex;
      justify-content: space-between; }
      .home .header_box header img {
        width: Rm(12);
        height: Rm(12);
        position: absolute;
        top: Rm(11);
        left: Rm(24); }
      .home .header_box header input {
        width: Rm(266);
        height: Rm(31);
        text-indent: Rm(39);
        border: none;
        border-radius: 25px;
        background-color: #7fe9d8; }
      .home .header_box header input::-webkit-input-placeholder {
        color: #fff; }
      .home .header_box header button {
        width: Rm(58);
        height: Rm(31);
        text-align: center;
        padding: 0;
        border: none;
        color: #ffffff;
        border-radius: 25px;
        background-color: #9ef2d5; }
  .home .adm-swiper-slide {
    width: auto; }
  .home .swiper {
    width: Rm(336);
    height: Rm(158);
    padding: 0 Rm(4) 0 Rm(4);
    margin-top: Rm(11);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    border-radius: 25px; }
  .home .adm-swiper-indicator {
    display: none; }
  .home .home_tab {
    width: Rm(336);
    height: Rm(76);
    padding: Rm(6) 0 Rm(6);
    margin: Rm(18) auto 0;
    box-shadow: Rm(0) Rm(0) 0 Rm(4) #fcfcfc; }
    .home .home_tab ul {
      display: flex;
      justify-content: space-between; }
      .home .home_tab ul li {
        height: Rm(65); }
        .home .home_tab ul li .circle {
          width: Rm(43);
          height: Rm(43);
          border-radius: 50%; }
          .home .home_tab ul li .circle.homeABack {
            background-image: url("../gkk_img/camera.png");
            background-repeat: no-repeat;
            background-size: Rm(24) Rm(18);
            background-position: center;
            background-color: #63d7ff; }
          .home .home_tab ul li .circle.toolsBack {
            background-image: url("../gkk_img/tools.png");
            background-repeat: no-repeat;
            background-size: Rm(24) Rm(18);
            background-position: center;
            background-color: #a0adfd; }
          .home .home_tab ul li .circle.shoesBack {
            background-image: url("../gkk_img/shoes.png");
            background-repeat: no-repeat;
            background-size: Rm(24) Rm(18);
            background-position: center;
            background-color: #ffd088; }
          .home .home_tab ul li .circle.makeupBack {
            background-image: url("../gkk_img/makeup.png");
            background-repeat: no-repeat;
            background-size: Rm(24) Rm(18);
            background-position: center;
            background-color: #ffa0c6; }
          .home .home_tab ul li .circle.classifyBack {
            background-image: url("../gkk_img/classify.png");
            background-repeat: no-repeat;
            background-size: Rm(24) Rm(18);
            background-position: center;
            background-color: #83eb7b; }
        .home .home_tab ul li span {
          display: inline-block;
          color: #b4b4b4;
          margin-top: Rm(7); }
  .home .publicWe {
    width: Rm(347);
    padding: Rm(12) Rm(7) Rm(12) Rm(7);
    margin: Rm(33) auto 0;
    box-shadow: Rm(0) Rm(0) 0 Rm(4) #fcfcfc; }
    .home .publicWe h4 {
      padding: 0 Rm(6) 0 Rm(9);
      display: flex;
      justify-content: space-between; }
      .home .publicWe h4 div {
        width: Rm(71);
        height: Rm(22);
        line-height: Rm(22); }
        .home .publicWe h4 div i {
          float: left;
          width: Rm(5);
          height: Rm(22);
          margin-right: Rm(4);
          background-image: url("../gkk_img/publicWe_jux.png");
          background-repeat: no-repeat;
          background-size: Rm(5) Rm(22); }
        .home .publicWe h4 div span {
          float: left;
          font-size: Rm(13);
          color: #333333; }
      .home .publicWe h4 a {
        line-height: Rm(22);
        font-size: Rm(7);
        color: #666666; }
    .home .publicWe .publicWe_imgBox {
      width: Rm(332);
      height: Rm(101);
      margin-top: Rm(14); }
      .home .publicWe .publicWe_imgBox img {
        width: Rm(332);
        height: Rm(101);
        border-radius: 5px; }
    .home .publicWe .publicWe_heartBox {
      height: Rm(12);
      margin: Rm(7) 0 Rm(8) 0; }
      .home .publicWe .publicWe_heartBox img {
        float: left;
        width: Rm(12);
        height: Rm(11);
        margin-right: Rm(4); }
      .home .publicWe .publicWe_heartBox span {
        float: left;
        font-size: Rm(10);
        color: #f11673;
        position: relative;
        top: Rm(-3); }
    .home .publicWe .publicWe_giveLoveBox {
      display: flex;
      justify-content: space-between; }
      .home .publicWe .publicWe_giveLoveBox p {
        color: #666;
        font-size: Rm(7); }
      .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right {
        width: Rm(108);
        height: Rm(13); }
        .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box {
          display: inline-block;
          width: Rm(30);
          height: Rm(13); }
          .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box.marR {
            margin-right: Rm(9); }
          .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box i {
            display: inline-block;
            width: Rm(7);
            height: Rm(8);
            margin-right: Rm(3); }
            .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box i.backImg {
              background-image: url("../gkk_img/praise.png");
              background-repeat: no-repeat;
              background-size: Rm(7) Rm(8); }
            .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box i.backImg2 {
              background-image: url("../gkk_img/eyes.png");
              background-repeat: no-repeat;
              background-size: Rm(7) Rm(8); }
            .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box i.backImg3 {
              background-image: url("../gkk_img/comment.png");
              background-repeat: no-repeat;
              background-size: Rm(7) Rm(8); }
          .home .publicWe .publicWe_giveLoveBox .publicWe_giveLoveBox_right .praise_box span {
            color: #a0a0a0;
            font-size: Rm(6); }
  .home .home_square {
    width: Rm(347);
    padding: Rm(12) Rm(7) Rm(12) Rm(7);
    margin: Rm(33) auto 0; }
    .home .home_square h4 {
      padding: 0 Rm(6) 0 Rm(9);
      display: flex;
      justify-content: space-between; }
      .home .home_square h4 div {
        width: Rm(71);
        height: Rm(22);
        line-height: Rm(22); }
        .home .home_square h4 div i {
          float: left;
          width: Rm(5);
          height: Rm(22);
          margin-right: Rm(4);
          background-image: url("../gkk_img/publicWe_jux.png");
          background-repeat: no-repeat;
          background-size: Rm(5) Rm(22); }
        .home .home_square h4 div span {
          float: left;
          font-size: Rm(13);
          color: #333333; }
      .home .home_square h4 a {
        line-height: Rm(22);
        font-size: Rm(7);
        color: #666666; }
    .home .home_square .squareTopic_item {
      width: Rm(176);
      height: Rm(160);
      margin-top: Rm(20); }
      .home .home_square .squareTopic_item h5 {
        color: #666666;
        font-size: Rm(7); }
      .home .home_square .squareTopic_item .squareTopic_item_img {
        width: Rm(164);
        height: Rm(94); }
